import React, {Component} from 'react';
// import qs from 'querystring'

// let obj = {name: 'tom', age: 18}
// console.log(qs.stringify(obj))      // name=tom&age=18   key=value&key=value

// let str = 'carName=奔驰&price=199'
// console.log(qs.parse(str))        // {carName: '奔驰', price: '199'}

const DetailData = [
  {id: '01', content: '你好，中国'},
  {id: '02', content: '你好，尚硅谷'},
  {id: '03', content: '你好，未来的自己'}
]
export default class Index extends Component {
  render() {
    console.log(this.props)
    // 接收params参数
    // const {id, title} = this.props.match.params

    // 接收search参数
    // const {search} = this.props.location        // ?id=01&title=消息1
    // const {id, title} = qs.parse(search.slice(1))       // {id: '01', title: '消息1'}

    // 接收state参数
    const {id, title} = this.props.location.state || {}

    const findResult = DetailData.find(detailObj => {
      return detailObj.id === id
    }) || {}

    return (
      <ul>
        <li>ID:{id}</li>
        <li>TITLE:{title}</li>
        <li>CONTENT:{findResult.content}</li>
      </ul>
    );
  }
}